<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>QQ会员</title>
		<style type="text/css">
			div {
				text-indent: 180px;
				width: 1200px;
				height: 70px;
				background: rgba(0, 0, 0, 0.5);
				background-image: url(src/logo.png);
				background-repeat: no-repeat;
				background-size: 100px, 50px;
				background-position: 30px;
				line-height: 70px;
			}

			a {
				color: white;
				text-decoration: none;
			}

			a:hover {
				color: blue;
			}

			a[id="1"]{
				color: yellow;
				border-radius: 25px;
				border: 1px solid yellow;
				padding: 5px 20px;
			}
			a[id="2"]{
				color: yellow;
				border-radius: 25px;
				border: 1px solid yellow;
				padding: 5px 20px;
			}
			a[id="1"]:hover{
				background-color: yellow;
				font-weight: bold;
				color: black;
			}
			a[id="2"]:hover{
				background-color: yellow;
				font-weight: bold;
				color: black;
			}
		</style>
	</head>
	<body>
		<div>
			<a href="#">功能特权</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">游戏特权</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">生活特权</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">会员活动</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">成长体系</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">年费专区</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#">超级会员</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<a href="#"  id="1">登陆</a>
			<a href="#"  id="2">登录开通超级会员</a>
		</div>
	</body>
</html>
